3
תגובות

עזרה ב-CSS

פתח yardsod ,
שלום,
אני לא יודע אם זה המקום, אבל אם למישהו יש פיתרון, אני אשמח.
יש לי עיצוב שבניתי לבד בCSS (רספונסיבי) המחולק ל-2 עמודות (דיבים):
עמודה 1: תפריט צצדי ברוחב של 15%
עמודה 2: תוכן האתר ברוחב של 75%

אני רוצה שהרקע של העמודה הראשונה יהיה לאורך כל הדף, אך כאשר אני גולל את הדף למטה הרקע "נפסק".
תמונה:
עזרה ב-CSS
אפשר לראות שבעמודה השמאלית הרקע "נפסק".
הקוד של הDIV:
position:relative;
width: 15%;
height: 100%;
padding-top: 5px;
padding-bottom: 42px;
overflow:auto;

תודה רבה לעזורים!

3 תשובות

avatar ענה intval ב 05 לנובמבר 2013 #

לעשות שני דיבים בגבהים זהים בדרך כלל לא טריוויאלי, לכן מה שעושים, הוא שמים את צבע הדיב הקצר יותר בתור צבע רקע לעמוד.

avatar ענה yardsod ב 05 לנובמבר 2013 #

לא עובד. זה בגלל שלדיב הארוך יותר יש:

position:absolute;

וגם יש לו ציפה (float)

avatar ענה yardsod ב 05 לנובמבר 2013 #

לא משנה, הסתדרתי.
שמתי את הדיב ב-position:fixed, עיצבתי scrollbar לדיב ושמתי overflow:auto.